{% extends 'novel_base.html'%}
{% load staticfiles %}
{% block title %}小说{% endblock %}
{% block content %}
    {% verbatim cdblock %}
	<div class="container" id="novel">
        <div class="bs-callout bs-callout-info">
            <h1 class="page-header">无良小万</h1>
            <div class="panel panel-default">
                <div class="panel-heading">最近浏览：</div>
                <div class="panel-body" v-if="localData.latelyType[0].id">
                    <div class="row">
                        <div class="col-md-2 col-sm-4 col-xs-6 text-center" v-for="item in localData.latelyType">
                            <a :href="item.go">{{ item.title }}</a>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    <p>小说类别，以下内容均引用自网络</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12" v-for="(item, idx) in list">
                <div class="thumbnail">
                    <a :href="item.go" @click="addLatelyType(idx)">
                        <img :src="item.icon"/>
                    </a>
                    <div class="caption">
                        <h3 v-cloak>{{ item.title }}</h3>
                        <p v-cloak>{{ item.introduce }}</p>
                        <a class="btn btn-primary" :href="item.go" @click="addLatelyType(idx)">Go!</a>
                    </div>
                </div>
            </div>
        </div>
	</div>
    {% endverbatim cdblock %}
{% endblock %}
{% block footerscript %}
    <script type="text/javascript" src="{% static 'js/novel/novel.js' %}"></script>
{% endblock %}
